<template>
  <div class="toolbar">
    <a class="btn-back" @click="handleBack">
      <i class="iconfont icon-fanhui"></i>
    </a>
    <p><slot></slot></p>
  </div>
</template>
<script>
export default {
  methods: {
    handleBack () {
      this.$router.back()
    }
  }
}
</script>
<style scoped>
.toolbar {
  height: 90px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #173e5d;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f0f3f8;
  z-index: 999;
  border-bottom: 1px solid #f0f3f8;
  box-sizing: border-box;
}
.toolbar p{
  position: fixed;
  left: 10px;
  top: 40px;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
}
.toolbar .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 44px;
  cursor: pointer;
}
.iconfont {
  font-size: 18px;
}
.toolbar .btn-back i {
  color: #858b97;
}
</style>
